<template>
  <div class="area">
    <Content1SVG />
  </div>
</template>

<script>
import Content1SVG from "../components/home/WaveAnimation.vue";
</script>

<style scoped>
.area {
  background-color: #fff;
  padding: 20px;
  height: 89vh; /* 调整高度以适应内容 */
  box-sizing: border-box;
  display: flex;
  flex-direction: column; /* 更改flex方向为纵向 */
  justify-content: center; /* 使子元素在主轴方向居中 */
  align-items: center; /* 使子元素在交叉轴方向居中 */
  gap: 10px; /* 添加间隙以避免组件相互挤压 */
}
</style>
